<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
{% load staticfiles %}
<meta charset="UTF-8"/>
<title>eFilm</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, , initial-scale=1.0">
<meta name="description" content="Movies store"/>

<link href="http://livedemo00.template-help.com/opencart_49582/image/data/favicon.png" rel="icon"/>

<link href="{% static 'css/monster/bootstrap.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/cloud-zoom.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/stylesheet.css' %}" rel="stylesheet" type="text/css" >
<link href="{% static 'css/monster/font-awesome.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/slideshow.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/jquery.prettyPhoto.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/camera.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/superfish.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/responsive.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/photoswipe.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/jquery.bxslider.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/monster/colorbox.css' %}" rel="stylesheet" type="text/css" media="screen">
<link href="{% static 'css/monster/jquery-ui-1.8.16.custom.css' %}" rel="stylesheet" type="text/css" >
<link href="{% static 'css/monster/jquery.fancybox-1.3.4.css' %}" rel="stylesheet" type="text/css" media="screen">
<link href="{% static 'css/monster/livesearch.css' %}" rel="stylesheet" type="text/css" >
<link href="//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,700,100,300" rel="stylesheet" type="text/css">

<link href="{% static 'cssCarrousel/style.css' %}" rel="stylesheet" type="text/css" >
<link href="{% static 'cssCarrousel/component.css' %}" rel="stylesheet" type="text/css" >
<link href="{% static 'cssCarrousel/js_composer_front.css' %}" rel="stylesheet" type="text/css" >
<link href="{% static 'cssCarrousel/responsive.css' %}" rel="stylesheet" type="text/css" >

<!--<link rel='stylesheet' id='vh-responsive-css' href='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/css/responsive.css?ver=4.0.1' type='text/css' media='all'/>
<link href="{% static 'cssCarrousel/responsive.css' %}" rel="stylesheet" type="text/css" >
<link rel='stylesheet' id='master-css-css' href='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/style.css?ver=4.0.1' type='text/css' media='all'/>
<link rel='stylesheet' id='component-css' href='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/css/component.css?ver=4.0.1' type='text/css' media='all'/>
<link rel='stylesheet' id='js_composer_front-css' href='http://cohhe.com/demo/seatera/wp-content/plugins/js_composer/assets/css/js_composer_front.css?ver=4.1.2' type='text/css' media='all'/>
-->

<script src="{% static 'js/monster/jquery-1.10.2.min.js' %}"></script>
<script src="{% static 'js/monster/jquery-migrate-1.2.1.min.js' %}"></script>
<script src="{% static 'js/monster/jquery-ui-1.8.16.custom.min.js' %}"></script>
<script src="{% static 'js/monster/jquery.cookie.js' %}"></script>
<script src="{% static 'js/monster/jquery.fancybox-1.3.4.pack.js' %}"></script>
<script src="{% static 'js/monster/jquery.colorbox.js' %}"></script>
<script src="{% static 'js/monster/jquery.jcarousel.min.js' %}"></script>
<script src="{% static 'js/monster/jquery.cycle.js' %}"></script>
<script src="{% static 'js/monster/bootstrap.js' %}"></script>
<script src="{% static 'js/monster/tabs.js' %}"></script>
<script src="{% static 'js/monster/jQuery.equalHeights.js' %}"></script>
<script src="{% static 'js/monster/jquery.elevatezoom.js' %}"></script>
<script src="{% static 'js/monster/jquery.prettyPhoto.js' %}"></script>
<script src="{% static 'js/monster/jscript_zjquery.anythingslider.js' %}"></script>
<!--<script src="{% static 'js/monster/common.js' %}"></script>-->
<script src="{% static 'js/monster/jquery.nivo.slider.pack.js' %}"></script>
<script src="{% static 'js/monster/jquery.mobile-events.js' %}"></script>
<script src="{% static 'js/monster/superfish.js' %}"></script>
<script src="{% static 'js/monster/script.js' %}"></script>
<script src="{% static 'js/monster/camera.js' %}"></script>
<script src="{% static 'js/monster/jquery.bxslider.js' %}"></script>
<script src="{% static 'js/monster/klass.min.js' %}"></script>
<script src="{% static 'js/monster/code.photoswipe.jquery-3.0.5.js' %}"></script>
<script src="{% static 'js/monster/jquery.cycle.js' %}"></script>
<!--<script src="{% static 'js/monster/livesearch.js' %}"></script>-->

<!--<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>-->


<script>
	if (navigator.userAgent.match(/Android/i)) {
		var viewport = document.querySelector("meta[name=viewport]");
	}
	if(navigator.userAgent.match(/Android/i)){
		window.scrollTo(0,1);
	}
</script>

<script>
	function botonBusqueda()
	{
		var bus = $('#busq').val();
		if (bus == "")
		{
			bus = "";
		}
		window.location.href = "{% url 'busqueda' %}?title=" + bus;
	
	}
    
 
</script>


<!--[if IE]>
<script src="catalog/view/theme/theme415/js/html5.js' %}"></script>
<![endif]-->
<!--[if lt IE 8]><div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]-->
<!--[if IE]>
<script src="catalog/view/theme/theme415/js/sl/jscript_zjquery.anythingslider.js' %}"></script>
<![endif]-->
<!--[if  IE 8]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/theme415/stylesheet/ie8.css' %}" />
<![endif]-->
<!--[if  IE 8]>
<script src="catalog/view/theme/theme415/js/respond.js' %}"></script>
<![endif]-->
<!--[if  IE 8]>
<script src="catalog/view/theme/theme415/js/matchmedia.polyfill.js' %}"></script>
<![endif]-->
<!--[if  IE 8]>
<script  src="catalog/view/theme/theme415/js/matchmedia.addListener.js' %}"></script>
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/theme415/stylesheet/ie6.css' %}" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js' %}"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->



<script type="text/javascript">
	jQuery(document).ready(function($) {
							
							jQuery(".spotlight_carousel_id_1173424447").jcarousel({
								wrap: "circular",
								items: ".spotlight_item"
							})
							jQuery(".spotlight_next").click(function() {
								jQuery(".spotlight_carousel_id_1173424447").jcarousel("scroll", "+=1");
							});

							jQuery(".spotlight_prev").click(function() {
								jQuery(".spotlight_carousel_id_1173424447").jcarousel("scroll", "-=1");
							});
						});

</script> 

<script type="text/javascript">
		jQuery(document).ready(function($) {
								[].slice.call( document.querySelectorAll( ".dotstyle.number_958174612 > ul" ) ).forEach( function( nav ) {
									new DotNav( nav, {
										callback : function( idx ) {
										}
									});
								});
							jQuery(".imageSliderExt.number_958174612 ul li").eq(0).addClass("current");

							var carousel_958174612 = jQuery(".special_offers_container.number_958174612").on("jcarousel:animate", function(event, carousel) {
									jQuery(".offer_image").addClass("active");
								}).on("jcarousel:animateend", function(event, carousel) {
									jQuery(".offer_image").removeClass("active");
								}).jcarousel({
								wrap: "circular",
								animation: {
									easing: "linear",
							        duration:1000
							    }
							}).jcarouselAutoscroll({
								autostart: false
							});
							jQuery(".imageSliderExt.number_958174612 ul").on("jcarouselpagination:active", "li", function() {
								jQuery(this).addClass("current");
							}).on("jcarouselpagination:inactive", "li", function() {
								jQuery(this).removeClass("current");
							}).jcarouselPagination({
								carousel: carousel_958174612,
								perPage: 4,
								"item": function(page, carouselItems) {
									return '<li><a href="#' + page + '"></a></li>';
								}
							});

							jQuery(".imageSliderExt.number_958174612 ul").append("<li><!-- dummy dot --></li>");

							jQuery(window).bind("debouncedresize", function() {
								jQuery(".imageSliderExt.number_958174612 ul").append("<li><!-- dummy dot --></li>");
								jQuery(".dotstyle.number_958174612 li").removeClass("current");
								jQuery(".dotstyle.number_958174612 li:first-child").addClass("current");
							});
							
						});
</script>

<script type="text/javascript">
						jQuery(document).ready(function($) {
								[].slice.call( document.querySelectorAll( ".dotstyle.number_192929436 > ul" ) ).forEach( function( nav ) {
									new DotNav( nav, {
										callback : function( idx ) {
										}
									});
								});
							jQuery(".imageSliderExt.number_192929436 ul li").eq(0).addClass("current");

							var carousel_192929436 = jQuery(".teaser_grid_container_carousel.number_192929436").on("jcarousel:animate", function(event, carousel) {
									jQuery(".post-thumb-img-wrapper").addClass("active");
								}).on("jcarousel:animateend", function(event, carousel) {
									jQuery(".post-thumb-img-wrapper").removeClass("active");
								}).jcarousel({
								wrap: "circular",
								animation: {
									easing: "linear",
							        duration:1000
							    }
							}).jcarouselAutoscroll({
								autostart: false
							});
							jQuery(".imageSliderExt.number_192929436 ul").on("jcarouselpagination:active", "li", function() {
								jQuery(this).addClass("current");
							}).on("jcarouselpagination:inactive", "li", function() {
								jQuery(this).removeClass("current");
							}).jcarouselPagination({
								carousel: carousel_192929436,
								perPage: 4,
								"item": function(page, carouselItems) {
									return '<li><a href="#' + page + '"></a></li>';
								}
							});

							jQuery(".imageSliderExt.number_192929436 ul").append("<li><!-- dummy dot --></li>");

							jQuery(window).bind("debouncedresize", function() {
								jQuery(".imageSliderExt.number_192929436 ul").append("<li><!-- dummy dot --></li>");
								jQuery(".dotstyle.number_192929436 li").removeClass("current");
								jQuery(".dotstyle.number_192929436 li:first-child").addClass("current");
							});
							
						});
					</script> 


</head>

<body class="common-home">
	<div id="body">
		{% include 'monster/headermovil.html' %}
		<div id="page">
			<div id="shadow">
				<div class="shadow"></div>
				{% include 'monster/header.html' %}	
					
				<section>
					<div id="container">
						<p id="back-top"> <a href="#top"><span></span></a></p>
							<div class="container">
								<!--<div id="notification"></div>-->
								<div class="row">
									<div class="col-sm-12" id="content">
				
										<script type="text/javascript">
											if ($('body').width() > 767) {
												(function($){$.fn.equalHeights=function(minHeight,maxHeight){tallest=(minHeight)?minHeight:0;this.each(function(){if($(this).height()>tallest){tallest=$(this).height()}});if((maxHeight)&&tallest>maxHeight)tallest=maxHeight;return this.each(function(){$(this).height(tallest)})}})(jQuery)
											$(window).load(function(){
												if($(".maxheight-feat").length){
												$(".maxheight-feat").equalHeights()}
											});
											};
										</script>

										<div class="box featured ">
											<div class="box-heading">Novedades</div>
											<div class="box-content" style="width: 82.5%; margin-left: 9%;">
												<div class="box-product">
													<ul class="row">
														
                                                        <div class="wrapper" id="container">
                                                        <div class="main">

                                                        <div id="loader" class="" data-opening="M 0,0 80,-10 80,60 0,70 0,0" data-closing="M 0,-10 80,-20 80,-10 0,0 0,-10">
                                                        <svg width="0%" height="0%" viewBox="0 0 80 60" preserveAspectRatio="none">
                                                        <path d="M 0,70 80,60 80,80 0,80 0,70"/>
                                                        </svg>
                                                        </div>

                                                        <style type="text/css">#rev_slider_1_1_wrapper .tp-loader.spinner2{background-color:#fff!important;}</style>
                                                        <div style="position: relative;z-index: 2;"> <!--class="page-wrapper"-->
                                                            <div class="content wpb_row vc_row-fluid" style="margin-left:41px;margin-right: 33px;">
                                                                <div class="main-inner">
                                                                    <div class="wpb_row vc_row-fluid vc_custom_1407916716643">
                                                                        <div class="vc_span12 wpb_column column_container">
                                                                                <div class="spotlight_cont spotlight_carousel_id_1173424447">
                                                                                    <ul class="spotlight">
                                                                                        {% for c in carrusel %}
                                                                                        <li class="spotlight_item shadows">
                                                                                            <div class="spotlight_container">
                                                                                                <div class="spotlight_image">
                                                                                                    <img onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" src="{{c.artwork}}" width="166" height="260" alt="{{c.title}}">
                                                                                                </div>
                                                                                                <div class="movie_title">{{c.title}}</div>
                                                                                                <div class="spotlight_controls">
                                                                                                    <div class="spotlight_info">
                                                                                                        <a class="icon-info" href="{% url 'infoPeli' c.id_XML %}"></a>
                                                                                                    </div>
                                                                                                    <div class="spotlight_trailer">
                                                                                                        <a class="icon-play-1" href="{% url 'infoPeli' c.id_XML %}"></a>
                                                                                                         <!--<input type="hidden" value="njsI7SZGom8">-->
                                                                                                    </div>
                                                                                                    <div class="spotlight_tickets">
                                                                                                        <a class="icon-ticket" href="#"></a>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="line"></div>
                                                                                            </div>
                                                                                        </li>
                                                                                        {% endfor %}
                                                                                    </ul>
                                                                                </div>
                                                                                <div class="spotlight_next icon-right-open-big hover_right"></div><!-- style="bottom:160px"  -->
                                                                                <div class="spotlight_prev icon-left-open-big hover_left"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                        </div> 
                                                        </div> 
                                                        </div> 
                                                                   
													</ul>
												</div>
												<div class="clear"></div>
											</div>
										</div>



					<script type="text/javascript">
						(function($){$.fn.equalHeights=function(minHeight,maxHeight){tallest=(minHeight)?minHeight:0;this.each(function(){if($(this).height()>tallest){tallest=$(this).height()}});if((maxHeight)&&tallest>maxHeight)tallest=maxHeight;return this.each(function(){$(this).height(tallest)})}})(jQuery)
						$(window).load(function(){
							if($(".maxheight").length){
							$(".maxheight").equalHeights()}
						})
					</script>

				<!--*************** MENU ACCIÓN *****************************************************************-->
					<script type="text/javascript">
						$(document).ready(function(){
						$(function(){
						$('.new-products  li ').last().addClass('last');
						});
						}); 
					</script>
					
					<div class="box new-products">
						<div class="box-heading" style="color: #000;">Acción</div>
						<div class="box-content">
							<div class="box-product">
								<ul class="row">
								{% for m in action_movies %}
									<li class="{% if forloop.first %}first-in-line{% endif %} {% if forloop.last %}last-in-line{% endif %} last_line col-sm-2">
									<script type="text/javascript">
									$(document).ready(function(){
										$("a.colorbox-1{{forloop.counter}}").colorbox({
										rel: 'colorbox1',
										inline:true,
										html: true,
										width:'58%',
										maxWidth:'780px',
										height:'70%',
										open:false,
										returnFocus:false,
										fixed: true,
										title: false,
										href:'.quick-view-1{{forloop.counter}}',
										current:'Película {current} de {total} '
										});
										 });
									</script>
									
									<div class="padding">
								
										<div class="image2">
											<a href="{% url 'infoPeli' m.id_XML %}">
											<img style="max-height: 239px;" width="170" id="img_{{m.id_XML}}" onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" src="{{m.artwork}}" alt="{{m.title}}"/></a> 
										</div>
										<div style="display:none;">
											<div class="quick-view-1{{forloop.counter}} preview">
												<div class="wrapper marg row">
													<div class="left col-sm-4">
                                                        <div class="image3">
                                                            <a href="{% url 'infoPeli' m.id_XML %}">
                                                            <img src="{{m.artwork}}" onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" alt="{{m.title}}"/></a>
                                                        </div>
													</div>
													
													<div class="right col-sm-8">
														<h2>{{m.title}}</h2>
														<div class="inf">
															<span class="manufacture"><b>Género: </b><a href="{% url 'categoria' 5 %}">Acción</a></span>
															<span class="model"><b>Director: </b>{% for d in m.director.all %} {{d}} {% endfor %}</span>
															<span class="model"><b>Actores: </b>{% for a in m.actor.all %} {{ a }}{% if forloop.last %} {% else %},{% endif %}{% endfor %} </span>
															<span class="model"><b>Año: </b>{{m.year}}</span>
															<span class="prod-stock-2"></span>
														</div>
														
														<div class="rating">
															<img height="18" src="{% static 'images/stars-5.png' %}" alt="Based on 1 reviews."/>
														</div>
												
														<div class="cart-button" style="margin-top: 20px;">
															<div class="cart">
																<a title="Obtener código" data-id="{{m.id_XML}};" class="button addToCart-1 ">
																	<span>Obtener código</span>
																</a>
															</div>
															<span class="clear"></span>
														</div>
													</div>
												</div>
												
												<div class="description">{{m.plot}}</div>
											</div>
										</div>
										
										<a href="{% url 'infoPeli' m.id_XML %}" class="colorbox-1{{forloop.counter}} quick-view-button"><i class=" fa fa-search "></i></a>
										<div class="inner">
											<div class="name maxheight-spec"><a href="{% url 'infoPeli' m.id_XML %}">{{m.title}}</a>
											</div>
											<div class="rating">
											<img height="13" src="{% static 'images/stars-5.png' %}" alt="Based on 1 reviews."/>
											</div>
											<div class="price">
											<span class="price-new"></span>
											</div>

											<div class="f-left">
												<div class="cart-button">
													<div class="cart">
														<a title="Obtener código" data-id="{{m.id_XML}};" class="button addToCart">
														<span>Obtener código</span>
														</a>
													</div>
													<span class="clear"></span>
												</div>
												<div class="clear"></div>
											</div>
										</div>
										<div class="clear"></div>
									</div>
									</li>
									{% endfor %}		
								</ul>
							</div>
						</div>
					</div>
				<!--*************** FIN MENU ACCIÓN ***************-->


				<script type="text/javascript">
					if ($('body').width() > 767) {
						(function($){$.fn.equalHeights=function(minHeight,maxHeight){tallest=(minHeight)?minHeight:0;this.each(function(){if($(this).height()>tallest){tallest=$(this).height()}});if((maxHeight)&&tallest>maxHeight)tallest=maxHeight;return this.each(function(){$(this).height(tallest)})}})(jQuery)
					$(window).load(function(){
						if($(".maxheight-spec").length){
						$(".maxheight-spec").equalHeights()}
					});
					};
				</script>

			<!--*************** MENU DRAMA ***************-->
			<div class="box specials">
				<div class="box-heading special-heading" style="color: #000;">Drama</div>
				<div class="box-content">
					<div class="box-product">
						<ul class="row">
					    	{% for m in drama_movies %}
								<li class="{% if forloop.first %}first-in-line{% endif %} {% if forloop.last %}last-in-line{% endif %} last_line col-sm-2">
								<script type="text/javascript">
								$(document).ready(function(){
									$("a.colorbox-2{{forloop.counter}}").colorbox({
									rel: 'colorbox2',
									inline:true,
									html: true,
									width:'58%',
									maxWidth:'780px',
									height:'70%',
									open:false,
									returnFocus:false,
									fixed: true,
									title: false,
									href:'.quick-view-2{{forloop.counter}}',
									current:'Película {current} de {total} '
									});
									 });
								</script>
								
								<div class="padding">
							
									<div class="image2">
										<a href="{% url 'infoPeli' m.id_XML %}">
										<img style="max-height: 239px;" width="170" id="img_{{m.id_XML}}" onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" src="{{m.artwork}}" alt="{{m.title}}"/></a> 
									</div>
									<div style="display:none;">
										<div class="quick-view-2{{forloop.counter}} preview" style="padding: 15px;">
											<div class="wrapper marg row">
												<div class="left col-sm-4">
												
												<div class="image3">
													<a href="{% url 'infoPeli' m.id_XML %}">
													<img onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" src="{{m.artwork}}" alt="{{m.title}}"/></a>
												</div>
												
												</div>
												
												<div class="right col-sm-8">
													<h2>{{m.title}}</h2>
													<div class="inf">
														<span class="manufacture">Género: 
															{% for genre in m.genre.all %}
															<a href="{% url 'categoria' genre.pk %}">{{genre.genreName}}</a>
															{% endfor %}

														</span>
														<span class="model"><b>Director: </b>{% for d in m.director.all %} {{d}} {% endfor %}</span>
														<span class="model"><b>Actores: </b>{% for a in m.actor.all %} {{ a }}{% if forloop.last %} {% else %},{% endif %}{% endfor %} </span>
														<span class="model"><b>Año: </b>{{m.year}}</span>
													    <span class="prod-stock-2"></span>
													</div>
													
													<div class="rating">
														<img height="18" src="{% static 'images/stars-5.png' %}" alt="{{m.title}}"/>
													</div>
												
													<div class="cart-button" style="margin-top: 20px;">
														<div class="cart">
															<a title="Obtener código" data-id="{{m.id_XML}};" class="button addToCart-1 ">
																<span>Obtener código</span>
															</a>
														</div>
														<span class="clear"></span>
													</div>
													
												</div>
											</div>
											
											<div class="description">{{m.plot}}</div>
										</div>
									</div>
									
									<a href="{% url 'infoPeli' m.id_XML %}" class="colorbox-2{{forloop.counter}} quick-view-button"><i class=" fa fa-search "></i></a>
									<div class="inner">
										<div class="name maxheight-spec"><a href="{% url 'infoPeli' m.id_XML %}">{{m.title}}</a>
										</div>
										<div class="rating">
										<img height="13" src="{% static 'images/stars-5.png' %}" alt="{{m.title}}"/>
										</div>
										<div class="price">
										<span class="price-new"></span>
										</div>

										<div class="f-left">
											<div class="cart-button">
												<div class="cart">
													<a title="Obtener código" data-id="{{m.id_XML}};" class="button addToCart">
													<span>Obtener código</span>
													</a>
												</div>
												<span class="clear"></span>
											</div>
											<div class="clear"></div>
										</div>
									</div>
									<div class="clear"></div>
								</div>
							</li>
						{% endfor %}
						</ul>
					</div>
				</div>
			</div>
		<!--*************** FIN MENU DRAMA ***************-->
	
        <!--*************** MENU LISTAS ***************-->
       
			<div class="box sanValentin" style="background-color: #D32737 !important;">
				<div class="box-heading special-heading">Lista especial: SAN VALENTÍN</div>

				<div class="box-content">
					<div class="box-product">
						<ul class="row">
					    	{% for m in romanticas_movies %}
								<li class="{% if forloop.first %}first-in-line{% endif %} {% if forloop.last %}last-in-line{% endif %} last_line col-sm-2">
								<script type="text/javascript">
								$(document).ready(function(){
									$("a.colorbox-3{{forloop.counter}}").colorbox({
									rel: 'colorbox3',
									inline:true,
									html: true,
									width:'58%',
									maxWidth:'780px',
									height:'70%',
									open:false,
									returnFocus:false,
									fixed: true,
									title: false,
									href:'.quick-view-3{{forloop.counter}}',
									current:'Película {current} de {total} '
									});
									 });
								</script>
								
								<div class="padding">
							
									<div class="image2">
										<a href="{% url 'infoPeli' m.id_XML %}">
										<img style="max-height: 239px;" width="170" id="img_{{m.id_XML}}" onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" src="{{m.artwork}}" alt="{{m.title}}"/></a> 
									</div>
									<div style="display:none;">
										<div class="quick-view-3{{forloop.counter}} preview" style="padding: 15px;">
											<div class="wrapper marg row">
												<div class="left col-sm-4">
												
												<div class="image3">
													<a href="{% url 'infoPeli' m.id_XML %}">
													<img onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" src="{{m.artwork}}" alt="{{m.title}}"/></a>
												</div>
												
												</div>
												
												<div class="right col-sm-8">
													<h2>{{m.title}}</h2>
													<div class="inf">
														<span class="manufacture">Género: 
															{% for genre in m.genre.all %}
															<a href="{% url 'categoria' genre.pk %}">{{genre.genreName}}</a>
															{% endfor %}

														</span>
														<span class="model"><b>Director: </b>{% for d in m.director.all %} {{d}} {% endfor %}</span>
														<span class="model"><b>Actores: </b>{% for a in m.actor.all %} {{ a }}{% if forloop.last %} {% else %},{% endif %}{% endfor %} </span>
														<span class="model"><b>Año: </b>{{m.year}}</span>
													    <span class="prod-stock-2"></span>
													</div>
													
													<div class="rating">
														<img height="18" src="{% static 'images/stars-5.png' %}" alt="{{m.title}}"/>
													</div>
												
													<div class="cart-button" style="margin-top: 20px;">
														<div class="cart">
															<a title="Obtener código" data-id="{{m.id_XML}};" class="button addToCart-1 ">
																<span>Obtener código</span>
															</a>
														</div>
														<span class="clear"></span>
													</div>
													
												</div>
											</div>
											
											<div class="description">{{m.plot}}</div>
										</div>
									</div>
									
									<a href="{% url 'infoPeli' m.id_XML %}" class="colorbox-3{{forloop.counter}} quick-view-button"><i class=" fa fa-search "></i></a>
									<div class="inner">
										<div class="name maxheight-spec"><a href="{% url 'infoPeli' m.id_XML %}">{{m.title}}</a>
										</div>
										<div class="rating">
										<img height="13" src="{% static 'images/stars-5.png' %}" alt="{{m.title}}"/>
										</div>
										<div class="price">
										<span class="price-new"></span>
										</div>

										<div class="f-left">
											<div class="cart-button">
												<div class="cart">
													<a title="Obtener código" data-id="{{m.id_XML}};" class="button addToCart">
													<span>Obtener código</span>
													</a>
												</div>
												<span class="clear"></span>
											</div>
											<div class="clear"></div>
										</div>
									</div>
									<div class="clear"></div>
								</div>
							</li>
						{% endfor %}
						</ul>
					</div>
				</div>
			</div>
   
		<!--*************** FIN MENU LISTAS ***************-->
        
       
        
        
        

			<h1 style="display: none;">Movies store</h1>
			</div>

			<div class="clear"></div>
			</div>
			</div>
			</div>
			<div class="clear"></div>
			</section>
            {% spaceless %}{% include 'monster/footer.html' %}{% endspaceless %}
        </div>
	</div>
</div>

<!-- <script type='text/javascript'>
/* <![CDATA[ */
var ajax_login_object = {"ajaxurl":"http:\/\/cohhe.com\/demo\/seatera\/wp-admin\/admin-ajax.php","redirecturl":"http:\/\/cohhe.com\/demo\/seatera","loadingmessage":"Sending user info, please wait..."};
var my_ajax = {"ajaxurl":"http:\/\/cohhe.com\/demo\/seatera\/wp-admin\/admin-ajax.php"};
var date_format = {"date_format":"mm.dd.yy","date_separator":".","upcomming_time":"","time_format":"12h"};
/* ]]> */
</script>-->

<script type='text/javascript'>
/* <![CDATA[ */
var ajax_login_object = {};
var my_ajax = {};
var date_format = {"date_format":"mm.dd.yy","date_separator":".","upcomming_time":"","time_format":"12h"};
/* ]]> */
</script>


<script src="{% static 'js/monster/master.js' %}"></script>
<script src="{% static 'js/monster/jquery.isotope.min.js' %}"></script>
<script src="{% static 'js/monster/jquery.jcarousel.pack.js' %}"></script>
<script src="{% static 'js/monster/classie.js' %}"></script>
<script src="{% static 'js/monster/snap.svg-min.js' %}"></script>
<script src="{% static 'js/monster/svgLoader.js' %}"></script>

<script src="{% static 'js/monster/jquery.dotdotdot.min.js' %}"></script>
<script src="{% static 'js/monster/modernizr.custom.79639.js' %}"></script>
<script src="{% static 'js/monster/jquery.easing.1.3.min.js' %}"></script>

<script src="{% static 'js/monster/jquery.form.min.js' %}"></script>
<script src="{% static 'js/monster/scriptsCarrousel.js' %}"></script>

<!--<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/js/master.js?ver=4.0.1'></script>-->
<!--<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/plugins/js_composer/assets/lib/isotope/jquery.isotope.min.js?ver=4.1.2'></script>-->
<!--<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.10.4'></script>-->
<!--<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/js/jquery.jcarousel.pack.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/js/classie.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/js/snap.svg-min.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/js/svgLoader.js?ver=4.0.1'></script>-->
<!--<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-includes/js/jquery/ui/jquery.ui.datepicker.min.js?ver=1.10.4'></script>-->
<!--<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/js/jquery.dotdotdot.min.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/js/modernizr.custom.79639.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/themes/Seatera/js/jquery.easing.1.3.min.js?ver=4.0.1'></script>
<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script>
<script type='text/javascript' src='http://cohhe.com/demo/seatera/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=3.9'></script>-->





</body>
</html>